// 图标的样式
.bg-image (@url, @width, @height) {
  display: inline-block;
  width: @width;
  height: @height;
  background-size: @width @height;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-image: url('@{url}');
  // cursor: pointer;
}

// flex布局
.flex(@jusitify: center, @align: center, @gap: 10px, @direction: row) {
  display: flex;
  flex-wrap: wrap;
  justify-content: @jusitify;
  align-items: @align;
  gap: @gap;
  flex-direction: @direction;
}

.grid(@repeatCount) {
  display: grid;
  grid-template-columns: repeat(@repeatCount, 1fr);
  column-gap: 20px;
}

// 多行文本超过行数显示省略号
.line-text-overflow(@line: 1) {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: @line;
  overflow: hidden;
}
